function adminInit(){
    bindUpdateBtn()
}
function bindUpdateBtn(){
    Array.from(document.getElementsByClassName('update_category_btn')).forEach(btnEL=>{
        btnEL.addEventListener('click',function(){updateCategoryAjax(btnEL)})
    })
    Array.from(document.getElementsByClassName('del_category_btn')).forEach(btnEL=>{
        btnEL.addEventListener('click',function(){delCategoryAjax(btnEL)})
    })
    Array.from(document.getElementsByClassName('update_user_btn')).forEach(btnEL=>{
        btnEL.addEventListener('click',function(){updateUserAjax(btnEL)})
    })
    Array.from(document.getElementsByClassName('del_user_btn')).forEach(btnEL=>{
        btnEL.addEventListener('click',function(){delUserAjax(btnEL)})
    })
    document.getElementById('add_category_btn').addEventListener('click',createCategory)
}
function updateCategoryAjax(btnEL){
    let categoryName=btnEL.getAttribute('category')
    if(btnEL.textContent=='修改'){
        btnEL.style.backgroundColor='green'
        btnEL.textContent='完成'
        document.querySelectorAll('input[category='+categoryName+']')[0].attributes.removeNamedItem('disabled')
        document.querySelectorAll('input[category='+categoryName+']')[1].attributes.removeNamedItem('disabled')
    }else{
        btnEL.style.backgroundColor='#7abaff'
        btnEL.textContent='修改'
        document.querySelectorAll('input[category='+categoryName+']')[0].setAttribute('disabled','true')
        document.querySelectorAll('input[category='+categoryName+']')[1].setAttribute('disabled','true')
        let newCategoryName=document.querySelectorAll('input[category='+categoryName+']')[0].value
        let newCategoryDesc=document.querySelectorAll('input[category='+categoryName+']')[1].value
        simpleUpdateAjax('/update/update_category?action=update&old_category_name='+categoryName+
            '&new_category_name='+newCategoryName+'&new_category_desc='+newCategoryDesc,'修改分类信息')
    }
}
function delCategoryAjax(btnEL){
    let categoryName=btnEL.getAttribute('category')
    let recall={
        onCompleted:function(data){
            if(data.result){
                document.querySelectorAll('input[category='+categoryName+']')[0].parentElement.parentElement.innerHTML=''
            }
        }
    }
    simpleUpdateAjax('/update/update_category?action=delete&del_category_name='+categoryName,'删除分类信息',recall)
}
function delUserAjax(btnEL){
    let account=btnEL.getAttribute('account')
    let recall={
        onCompleted:function(data){
            if(data.result){
                document.querySelectorAll('input[account="'+account+'"]')[1].parentElement.parentElement.innerHTML=''
            }
        }
    }
    simpleUpdateAjax('/update/update_user?action=delete&del_user_account='+account,'删除用户 '+account,recall)
}
function updateUserAjax(btnEL){
    let userAccount=btnEL.getAttribute('account')
    if(btnEL.textContent=='修改'){
        btnEL.style.backgroundColor='green'
        btnEL.textContent='完成'
        document.querySelectorAll('input[account="'+userAccount+'"]')[0].attributes.removeNamedItem('disabled')
        document.querySelectorAll('input[account="'+userAccount+'"]')[2].attributes.removeNamedItem('disabled')
        document.querySelectorAll('select[account="'+userAccount+'"]')[0].attributes.removeNamedItem('disabled')
    }else{
        btnEL.style.backgroundColor='#7abaff'
        btnEL.textContent='修改'
        document.querySelectorAll('input[account="'+userAccount+'"]')[0].setAttribute('disabled','true')
        document.querySelectorAll('input[account="'+userAccount+'"]')[2].setAttribute('disabled','true')
        document.querySelectorAll('select[account="'+userAccount+'"]')[0].setAttribute('disabled','true')
        let name=document.querySelectorAll('input[account="'+userAccount+'"]')[0].value
        let password=document.querySelectorAll('input[account="'+userAccount+'"]')[2].value
        let position=document.querySelectorAll('select[account="'+userAccount+'"]')[0].value
        if(position.startsWith('你是'))return
        simpleUpdateAjax('/update/update_user?action=update&update_user_account='+userAccount+
            '&update_user_position='+position+'&update_user_password='+password+'&update_user_name='+name
            ,'修改用户 '+userAccount+' 信息')
    }
}
function createCategory(){
    let tbody=document.getElementById('m_category_table_tobody')
    let newTr=document.createElement('tr')
    let newCategoryNameTD=document.createElement('td')
    let newCategoryDescTD=document.createElement('td')
    let newCategoryThirdTD=document.createElement('td')
    let categoryNameInput=document.createElement('input')
    let categoryDescInput=document.createElement('input')
    let categoryUpdateBtn=document.createElement('button')
    let cancelBtn=document.createElement('button')
    categoryNameInput.setAttribute('required','true')
    categoryUpdateBtn.textContent='完成'
    categoryUpdateBtn.style.backgroundColor='green'
    cancelBtn.textContent='取消'
    cancelBtn.style.backgroundColor='yellow'
    newCategoryNameTD.appendChild(categoryNameInput)
    newCategoryDescTD.appendChild(categoryDescInput)
    newCategoryThirdTD.appendChild(categoryUpdateBtn)
    newCategoryThirdTD.appendChild(cancelBtn)
    newTr.appendChild(newCategoryNameTD)
    newTr.appendChild(newCategoryDescTD)
    newTr.appendChild(newCategoryThirdTD)
    tbody.append(newTr)
    cancelBtn.addEventListener('click',function(){newTr.innerHTML=''})
    categoryUpdateBtn.addEventListener('click',function(){
        let recall=new CreateCategoryRecall(categoryUpdateBtn,cancelBtn,categoryNameInput,categoryDescInput,this)
        simpleUpdateAjax('/update/update_category?action=add&add_category_name='+categoryNameInput.value+
            '&add_category_desc='+categoryDescInput.value,'添加分类',recall)
        
    })
}
class CreateCategoryRecall {
    constructor(updateBtn, delBtn, nameInput, descInput,event1) {

        this.updateBtn = updateBtn
        this.delBtn = delBtn
        this.nameInput = nameInput
        this.descInput = descInput

        this.onCompleted = function (data) {
            console.log(data)
            location.reload()
            // if(data.result){
            //     updateBtn.setAttribute('category',nameInput.value)
            //     delBtn.setAttribute('category',nameInput.value)
            //     updateBtn.classList.add('update_category_btn')
            //     updateBtn.style.backgroundColor='#7abaff'
            //     updateBtn.textContent='修改'
            //     delBtn.textContent='删除'
            //     delBtn.style.backgroundColor='red'
            //     updateBtn.removeEventListener('click',event1)
            //     updateBtn.addEventListener('click',function(){updateCategoryAjax(updateBtn)})
            //     delBtn.addEventListener('click',function(){delCategoryAjax(delBtn)})
            //     nameInput.setAttribute('disabled','true')
            //     descInput.setAttribute('disabled','true')
            //     nameInput.setAttribute('category',nameInput.value)
            //     descInput.setAttribute('category',nameInput.value)
            // }
        }
    }
}